import React from 'react';
import {connect} from 'dva';
import { Layout, Row, Col, Tree } from 'antd';
import BaseComponent from "components/Base/BaseComponent";
import Panel from 'components/Base/Panel';
import './index.less';

const {Content, Footer} = Layout;

@connect()
export default class extends BaseComponent {

  render() {

    return (
      <Layout className="dashboard">
        <Content>
          <Row gutter={20}>
            <Col span={12}>
              <Panel title="说明">
                <div>
                  <h3>DataTable 用法</h3>
                  <p>
                    DataTable通常结合<br/>
                    来使用，由Columns定义其数据结构，支持多种类型数据，扩展自antd的Table组件，可以使用Table的api。
                  </p>
                </div>
              </Panel>
            </Col>
            <Col span={10}>
              <Panel title="说明">
                <div>
                  <h3>DataTable 用法</h3>
                  <p>
                    DataTable通常结合<br/>
                    来使用，由Columns定义其数据结构，支持多种类型数据，扩展自antd的Table组件，可以使用Table的api。
                  </p>
                </div>
              </Panel>
            </Col>
          </Row>


        </Content>
        <Footer style={{backgroundColor:"green", height: "100px"}}>

        </Footer>
      </Layout>
    );
  }
}
